<template>
  <div>
    <footer>
      <p>
        <span class="company">北京劢克能源有限公司</span>
        版权所有 © 2020-2022
      </p>
      <p>劢克能源商城  www.nengyuan.shop</p>
      <p>京ICP备19040380-1 <img src="https://www.nengyuan.shop/uploads/icons/ba.png">京公网安备 11030102010550号</p>
    </footer>
  </div>
</template>

<script>
export default {
  name: 'Footer'
}
</script>

<style scoped>
  footer {
    background-color: #333333;
    padding: 12px 20px;
    padding-bottom: 10px;
    padding-top: 20px;
  }

  footer .contact {
    border-bottom: 1px solid #4E4E4E;
    color: #DBDBDB;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    margin-bottom: 10px;
  }

  footer .contact a {
    color: #0093FF;
    text-decoration: none;
    font-weight: bold;
  }

  footer p {
    color: #9B9B9B;
    margin: 0;
    margin-bottom: 8px;
    font-size: 12px;
    display: flex;
    align-items: center;
  }

  footer p img {
    width: 12px;
    height: 12px;
    margin-bottom: 2px;
    margin-left: 6px;
  }

  footer p .company {
    color: #DBDBDB;
    margin-right: 4px;
  }
</style>
